@charset "utf-8";

@import "common";

.new_content{
    padding-top: 21px;
    h1{
        font-size: 30px;
        color: #ff6b08;
    }
    .new_top{
        margin-top: 30px;
        margin-bottom: 88px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        .top_list{
            width: 31%;
            height: auto;
            .new_pic{
                width: 100%;
                height: 100%;
                img{
                    height: 100%;
                    width: 100%;
                    display: block;
                }
            }
        }
    }
    .new_bottom{
        border-bottom: 1px dashed #d4d4d4;
        margin-bottom: 35px;
        padding-bottom: 35px;
        &::after{
            content: "";
            display: block;
            clear: both;
        }
        li{
            width: 100%;
            margin-bottom: 36px;
            &::after{
                content: "";
                display: block;
                clear: both;
            }
            .nb_pic{  
                padding-right: 2%;  
                div{
                    padding: 2px;
                    border: 1px solid #dddddd;
                    border-radius: 4px;
                    overflow: hidden;
                    img{
                        width: 100%;
                        height: auto;
                    }
                }
            }
            .nb_desc{
                padding-left: 1%;
                h4{
                    font-size: 18xp;
                    color: #666666;
                    cursor: pointer;
                    margin-bottom: 17px;
                    &:hover{
                        color: #ff6900;
                    }
                }
                p{
                    line-height: 25px;
                    font-size: 14px;
                    color: #2a2a2a;
                    margin-bottom: 6px;
                }
                span{
                    display: block;
                    font-size: 14px;
                    color: #2a2a2a;
                    margin-bottom: 22px;
                }
                a{
                    display: block;
                    height: 31px;
                    line-height: 31px;
                    text-align: center;
                    background-color: #fff;
                    width: 98px;
                    border: 1px solid #ff6900;
                    border-radius: 15.5px;
                    color: #ff6900;
                    margin-right: 0;
                    margin-left: auto;
                    &:hover{
                        color: #fff;
                        background-color: #ff6900;
                    }
                }
            }
        }
    }
    .new_nav{
        text-align: center; 
        nav{
            display: inline-block;
            ul{
                li{
                    a{
                        color: #2a2a2a;
                    }
                     .activea{
                        background-color: #e34637 !important;
                        color: #fff;
                    }
                }
            }
        }
    }
}

